<template>
  <div class="w-all h-all">
    <webview :style="{visibility:vopacity}" autosize="on" id="myWebview" src="https://fanyi.sogou.com/text?forceredirect=1" class="nodarg w-all h-all"></webview>
  </div>
</template>

<script setup lang='ts'>
import { nextTick, onMounted, ref } from 'vue';
import yy from '@lib/mixin';
const info: any = ref({})
const list: any = ref([])
const isModel = ref(false)
const query: any = ref({})
const vopacity = ref('hidden');
onMounted(() => {
  yy.spinner.show();
  nextTick(() => {
    setTimeout(() => {
      const webview = document.getElementById('myWebview');
      webview.executeJavaScript(`
      setTimeout(() => {
        document.querySelector('.translate-pc-header').remove()
        document.querySelector('.header-pc').remove()
        document.querySelector('.trans-type').remove()
        document.querySelector('.inner-wrap').style.paddingTop="50px"
      }, 0);
      `)
      setTimeout(() => {
        vopacity.value = ""
        yy.spinner.close();
      }, 100);
    }, 200);
  })
})
</script>

<style lang='less'>
</style>